<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/common/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/hpp_c1_c2.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<title>Editor Grid</title>
<script src="<s:url value="/js/jquery-1.4.2.js"/>" language="javascript1.5" type="text/javascript"></script>
<link id="screenBaseCss" rel="stylesheet" type="text/css" href="<s:url value="/css/screen.css"/>"/>
<script src="<s:url value="/js/ejs/Grid/GridE.js"/>" type="text/javascript"> </script>
<link href="<s:url value="/js/ejs/Styles/vtc.css"/>" rel="stylesheet" type="text/css" />
<link href="<s:url value="/css/vtc_screen.css"/>" rel="stylesheet" type="text/css" />
<link id="coreBaseCss" rel="stylesheet" type="text/css" href="<s:url value="/css/core.css"/>"/>
<script language="javascript1.5" type="text/javascript" src="<s:url value="/js/config.js"/>" ></script>
<script language="javascript1.5" type="text/javascript" src="<s:url value="/js/core.js"/>" ></script>
<script language="javascript1.5" type="text/javascript" src="<s:url value="/js/popup.js"/>" ></script>

<script> 
function onOffCol(G, isShow){
	var sType = ['B','C','D', 'E'];
	for(var i=0; i<sType.length; i++){
		if(G.Cols[sType[i]]){
			if(isShow){
				G.HideCol(sType[i]);
			}else{
				G.ShowCol(sType[i]);
			}
		}
	}
	return !isShow;
}

var show = true;
function hideColumns(obj){
	var grid = Grids['LevelOnePlanning'];
	show = onOffCol(grid, show);
	if(show){
		obj.value = 'Hide Columns';		
	}else{
		obj.value = 'Show Columns';		
	}
}

function cancel(){
	window.location="plan-third!input.action?level3Planning.id=<s:property value='level3Planning.id'/>";
}

function confirm() {
	$.ajax({
		url : "plan-third!confirmForDetail.action?no-decorate=0&level3Planning.id=<s:property value='level3Planning.id'/>",
		cache : true,
		dataType : "string",
		async : false,
		success : function(data) {
			document.getElementById("confirm").disabled="disabled";
			document.getElementById("save").disabled="disabled";
		},
		error : function(data) {
			alert(data);
		}
	});
}

function searchDetail(){
	var studyMode = $("#studyMode").attr("value");
	alert(studyMode);
	window.location = "plan-third!toViewDetail.action?no-decorate&level3Planning.id=<s:property value='level3Planning.id'/>&studyMode="+studyMode;
}

function toAddGroup(e,level3PlanningId, ppiId,dutyId,curriculumHours){	
	alert(level3PlanningId+","+ppiId+","+dutyId+","+curriculumHours);
	popup(e, "plan-third!turnToAddResourcePage.action?no-decorate=0&level3Planning.id="+level3PlanningId+"&programmePlanningItemId="+ppiId+"&dutyId="+dutyId+"&curriculumHours="+curriculumHours, "width:800;height:600;left:100;top:100");
}
</script>
</head>
<body scroll="no" style="overflow:hidden">
<div class="body" style="height:100%;">
  <table style="height:100%; width:100%" border="0" cellpadding="0" cellspacing="0" >
    <tr>
      <td style="height:58px; background:#F00" ><div class="button-region-style">
          <div class="btnSet">
            <table width="95%" cellpadding="0" cellspacing="0" >
              <tr>
                <td><div class="left" >
                    <div class="button" >
                      <div class="left" >
                       <div class="right" >
	                        <input class="inputButton" type="button" id="confirm" name="" value="Confirm and Submit for Endorsement" onClick="confirm()"/>
	                      </div>
                      </div>
                    </div>
                    <div class="button" >
                      <div class="left" >
                         <div class="right" >
                          <input class="inputButton" type="button" id="save" name="" value="Save" onClick="Grids['LevelOnePlanning'].Save();" />
                        </div>
                      </div>
                    </div>
                    <div class="button" >
                      <div class="left" >
                        <div class="right" >
                          <input class="inputButton" type="button" id="" name="" value="Cancel" onClick="cancel()" />
                        </div>
                      </div>
                    </div>
                    <div class="button" >
                      <div class="left" >
                         <div class="right" >
                          <input class="inputButton" type="button" id="" name="" value="Hide Columns" onClick="hideColumns(this)" />
                        </div>
                      </div>
                    </div>
                  </div></td>
                <td><div class="right" style="color:#FFF; font-size:13px; font-weight:bold" > Studying Mode
            		
            		 <s:select cssClass="required" name="programme.studyMode" cssStyle="width:150px" id="studyMode"
            		  list="paramService.studyModeList" listKey="code" listValue="desc"
            		  headerKey="" headerValue="-- Select --">
            		</s:select>
            
                    &nbsp;&nbsp;
                    <div class="button" >
                      <div class="left" >
                        <div class="right" >
                          <input class="inputButton" type="button" id="" name="" value="&nbsp; Go &nbsp;" onClick="searchDetail()" />
                        </div>
                      </div>
                    </div>
                  </div></td>
              </tr>
            </table>
          </div>
        </div>
        <div class="title-region-style"> 3rd Level Planning - (Plan A) - Campus View</div></td>
    </tr>
    <tr>
      <td style="vertical-align:top"><input type="hidden" name="grid" id="GridData">
        <div style="width:100%;height:100%">
          <bdo Debug='3' 
               Data_Url="plan-third!getViewDetailData.action?no-decorate&level3Planning.id=<s:property value='level3Planning.id'/>&studyMode=<s:property value='studyMode'/>&campus=<s:property value='campus'/>&department=<s:property value='department'/>" 
               Upload_Url="plan-third!saveViewDetail.action?no-decorate" Upload_Format="Internal" Upload_Data="viewDetailData">
          </bdo>
        </div></td>
    </tr>
  </table>
</div>
</body>
</html>
